“Fantasy Mag - Responsive Blogger Template” Documentation by “SoraTemplate” v1.0

Fantasy Mag

Table of Contents

1. Installation
2. Upload Logo
3. Setting up the menu
4. Social icons of sidebar
5. Edit Author Info

---

Installation - top

Now you have Fantasy Mag Blogger Template. You Can Follow This Steps To Upload Your Blogger Template To Blogger Platform. First Login to your Blogger DashBoard by Using Your Google Username And Password from Here.

Then follow these steps:

1. On Blogger Dashboard Click Template.

2. Click Backup/Restore button (Top Right).

3. Click Choose ( Browse..) File button. Find where the “Fantasy Mag-Blogger-Template.xml” file location.

4. Then Click Upload.

Note: Before Uploading This Template Mobile Blogger Template Must Enable to make Blogger Customize Work



---

Upload Logo- top

Access your blog Layout > click Edit link on Header widget



In Configure Header window, input you Blog Title and Blog Description. If you want to upload your image logo, make sure checked Instead of title and description, then click Choose File and locate your logo file. And click Save button to finish.





---

Setting up the menu - top

To Edit Menu in this theme you can follow this step:

1. On Blogger Dashbord Click Template
2. Click Edit HTML
3. (Top Menu) Scroll down and Find this Code :
   
   

   <ul class='sf-menu' id='mainmenu'> 
    <li class='current-menu-item'><a href='#'>Home</a></li> 
    <li><a href='#'>Drop Down</a> 
   <ul class='sub-menu'> 
    <li><a href='#'>Submenu Example</a></li> 
    <li><a href='#'>Submenu Example</a></li> 
    <li><a href='#'>Submenu Example</a></li> 
    <li><a href='#'>Submenu Example</a></li> 
    <li><a href='#'>Submenu Example</a></li> 
    <li><a href='#'>Submenu Example</a> 
    <ul> 
    <li><a href='#'>Submenu Example</a></li> 
    <li><a href='#'>Submenu Example</a></li> 
    <li><a href='#'>Submenu Example</a></li> 
    <li><a href='#'>Submenu Example</a></li> 
    </ul> 
    </li> 
    <li><a href='#'>Submenu Example</a></li> 
   </ul> 
   </li> 
    <li><a href='#'>Advertise</a></li> 
    <li><a href='http://www.SoraTemplate.com/2014/06/Fantasy Mag-responsive-blogger-template.html'>Download</a></li> 
   </ul>

4. Change # with yours URL link

---

Social Icons of Sidebar - top

To Edit Social icons (sidebar) in this theme you can follow this step:

1. On Blogger Dashbord Click Template
2. Click Edit HTML
3. (Top Menu) Scroll down and Find this Code :
   
   

   <div class='social_inner'> 
   <a class='facebook' href='#' title='Facebook'/> 
   <a class='twitter' href='https://twitter.com/#' title='Twitter'/> 
   <a class='rss' href='#' title='RSS Feed'/> 
   <a class='flickr' href='http://www.flickr.com/photos/#' title='Flickr'/>     
   <a class='youtube' href='http://www.youtube.com/#' title='Youtube'/>     
   <a class='vimeo' href='http://vimeo.com/#' title='Vimeo'/> 
   <a class='linkedin' href='#' title='Linkedin'/>     
   <a class='tumblr' href='#' title='Tumblr'/>     
   <a class='dribbble tooltip' href='http://dribbble.com/#' title='Dribbble'/> 
   <a class='google_plus' href='#' title='Google_plus'/> 
   <a class='pinterest' href='http://pinterest.com/#' title='Pinterest'/> 
   <a class='instagram' href='http://instagram.com/#' title='instagram'/>         
   <div class='clear'/> 
   </div>

4. Change # with yours URL link

To Edit Social icons (footer)in this theme you can follow this step:

1. On Blogger Dashbord Click Template
2. Click Edit HTML
3. (Top Menu) Scroll down and Find this Code :
   
   

   <div class='footer-social'> 
   <span class='social-item'> 
     <a href='#' target='_blank'> 
       <i class='fa fa-facebook round-icon'> 
       Facebook 
     </i> 
   </a> 
   </span> 
   <span class='social-item'> 
     <a href='#' target='_blank'> 
       <i class='fa fa-twitter round-icon'> 
       Twitter 
     </i> 
   </a> 
   </span> 
   <span class='social-item'> 
     <a href='' target='_blank'> 
       <i class='fa fa-google-plus round-icon'> 
       Google Plus 
     </i> 
   </a> 
   </span> 
   <span class='social-item'> 
     <a href='#' target='_blank'> 
       <i class='fa fa-instagram round-icon'> 
       Instagram 
     </i> 
   </a> 
   </span> 
   <span class='social-item'> 
     <a href='#' target='_blank'> 
       <i class='fa fa-pinterest round-icon'> 
       Pinterest 
     </i> 
   </a> 
   </span> 
   <span class='social-item'> 
     <a href='#' target='_blank'> 
       <i class='fa fa-tumblr round-icon'> 
       Tumblr 
     </i> 
   </a> 
   </span> 
   <span class='social-item'> 
     <a href='#' target='_blank'> 
       <i class='fa fa-rss round-icon'> 
       RSS 
     </i> 
   </a> 
   </span> 
               </div> 
    

4. Change # with yours URL link

To Edit Social icons coners in this theme you can follow this step:

1. On Blogger Dashbord Click Template
2. Click Edit HTML
3. (Top Menu) Scroll down and Find this Code :
   
   

     <div class='social-toggle'><a href="#"><i class='fa fa-facebook'/></a></div> 
     <div class='social-toggle1'><a href="#"><i class='fa fa-twitter'/></a></div>

4. Change # with yours URL link

---

Edit Author Info - top

To Edit Social icons in this theme you can follow this step:

1. On Blogger Dashbord Click Template
2. Click Edit HTML
3. (Top Menu) Scroll down and Find this Code :
   
   

   <p>Cress arugula peanut tigernut wattle seed kombu parsnip. Lotus root mung bean arugula tigernut horseradish endive yarrow gourd. Radicchio cress avocado garlic quandong collard greens.</p>

4. Replace this text with your owns

---

 

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist.

Go To Table of Contents

---